<?php
use yii\helpers\Html;
use yii\widgets\DetailView;
use yii\widgets\LinkPager;
use yii\helpers\Url;

$this->params['breadcrumbs'][] = $this->title;

?>
<div class="mcCont mcgCont">

      <div class="right  recharge">
        <h1 class="tt">充值页</h1>
        <div class="chargeSelect">
          <!--很抱歉，每次充值限额为50000元-->
          <p class="value">
            <input type="input" class="jine " onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength='8' style="padding-left:10px;width:150px">元
            <span class="valueTt">充值金额：</span>
          </p>  
          <div class="select">
            <p class="selectTt"><em class="valueTt">请选择充值方式：</em>
              <span class="inlineBlock current">平台支付</span>
              <span class="inlineBlock">网银支付</span>
              <span class="inlineBlock">柜台/ATM汇款</span>
            </p>
            <div class="choose">
              <div class="ptzf"><br/>
                <span class="chooseBtn">支付宝支付
                  <i class="iconfont icon-zhifubao"></i>
                  <i class="iconfont icon-zhengque"></i>
                </span>
                <span class="chooseBtn selected">微信支付 
                  <i class="iconfont icon-weixinzhifu"></i>
                  <i class="iconfont icon-zhengque"></i>
                </span>
              </div>
              <div class="wyzf" style="display:none">
                <p class="txt">需要开通网上银行</p>
                <span class="chooseBtn"><i class="iconfont icon-zhengque"></i></span>
                <span class="chooseBtn"><i class="iconfont icon-zhengque"></i></span>
                <span class="chooseBtn"><i class="iconfont icon-zhengque"></i></span>
                <span class="chooseBtn"><i class="iconfont icon-zhengque"></i></span>
                <span class="chooseBtn"><i class="iconfont icon-zhengque"></i></span>
                <span class="chooseBtn"><i class="iconfont icon-zhengque"></i></span>
                <span class="chooseBtn"><i class="iconfont icon-zhengque"></i></span>
                <span class="chooseBtn selected"><i class="iconfont icon-zhengque"></i></span>
              </div>
              <div class="guitai" style="display:none">
                <p class="txt">转账成功后，请电话告知我们客服，以便尽快到账，客服热线：400-888-8888</p>
                <dl>
                  <dt></dt>
                  <dd>开户名：<span>杭州袋狮信息技术有限公司</span></dd>
                  <dd>开户行：<span>杭州袋狮信息技术有限公司</span></dd>
                  <dd>账户号：<span>1232 1312 3213 2132 1321</span></dd>
                </dl>
                <dl>
                  <dt></dt>
                  <dd>开户名：<span>杭州袋狮信息技术有限公司</span></dd>
                  <dd>开户行：<span>杭州袋狮信息技术有限公司</span></dd>
                  <dd>账户号：<span>1232 1312 3213 2132 1321</span></dd>
                </dl>
                <dl>
                  <dt></dt>
                  <dd>开户名：<span>杭州袋狮信息技术有限公司</span></dd>
                  <dd>开户行：<span>杭州袋狮信息技术有限公司</span></dd>
                  <dd>账户号：<span>1232 1312 3213 2132 1321</span></dd>
                </dl>
              </div>
            </div>
            <p class="payNow">
              <a href="javascript:void(0)" id="rightnow" class="btn-small-default btn">立即支付</a>
            </p>
            <p class="payNow">
              <a href="javascript:void(0)" class="btn-small-default btn disabled">请在柜台/ATM完成支付</a>
            </p>
          </div>
        </div>
        <div class="mask" style="display: none"></div>

        <div class="paySelectPop" style="display:none;">
          <i class="iconfont icon-info"></i>
          <i class="iconfont icon-close"></i>
          <p class="tt1">请您在新开的页面进行充值</p>
          <p class="txt1">完成前请不要关闭该窗口</p>
          <p class="btns">
            <a href="javascript:void(0)" class="btn-small-default">已完成充值</a>
            <a href="javascript:void(0)" class="btn-small-empty">重新选择支付方式</a>
          </p>
          <p class="txt2">遇到问题请咨询： 400-888-8888</p>
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
  $(function(){
    $('.navList li:eq(1) dd:eq(1) a').attr('class','current');//---右侧导航

    $('#rightnow').click(function(){
      open();
    });
    $('.btn-small-empty,.icon-close').click(function(){
      close();
    });
    function close(){
      $('.paySelectPop').attr('style','display:none');
      $(".mask").attr('style','height:0%');
    }
    //弹出遮罩和layer层
    function open(){
      $('.paySelectPop').attr('style','display:block');
      $(".mask").attr('style','display:block');
    }

    $('.select span').click(function(){
      $(this).attr('class','inlineBlock current').siblings('span').attr('class','inlineBlock');
      var index = parseInt($(this).index()-1);
      $('.choose div').eq(index).attr('style','display:block').siblings().attr('style','display:none');
    });
    $('wyzf span').click(function(){
      $(this).attr('class','chooseBtn selected').siblings().attr('class','chooseBtn');
    });
  })
</script>